@use "sass:math";
/**
 * 颜色
 */
$bgcolor-light: #fff; // 亮色背景
$bgcolor-gray: #f7f7f7; // 暗色背景 BG2
$bgcolor: $bgcolor-light;
$primary-color: #59b6d7; // 主题色 T1
$ranks-bgcolor: #64cdf2; //副主题色(排行榜主题色)
$primarys-color: #99e3f7; //禁用主题色
$primary: $primary-color; // 主题色 (alias)
$success-color: #87c46c; // 成功色
$danger-color: #fd7862; // 危险色
$warning-color: $primary-color; // 警告色
$disabled-color: #bdbdbd; // 禁用色
$page-background-color: #f7f7f7; //页面背景色
$border-color: #ededed; // 边框色 BG1
$title-color: #1a1a1a; // 标题色 W1
$text-color: #666; // 正文色 W2
$info-color: #999; // 信息文本色 W3
$decor-color: #ccc; // 装饰元素色 W4
$mask-color: rgba(#000, 0.4); // 遮罩层颜色
$mall-color: #ff5363; //商城价格条颜色
$price-color: rgba(255, 83, 99, 1); //价格颜色
$address-bankground-color: #59b6d7; //地址背景色
$share-bgcolor: linear-gradient(to right, #59b6d7, #99e3f7);
$black-color: #000;
$img-color: #f1f1f1; //图片未加载占位色块
$vip-text-color: #6a5f32; //会员文字色
$chat-background: #bbdff0; //聊天背景色
$chat-border: #89c1d9; //聊天边框色
/**
 * 布局
 */
$base: 16rpx; // 基准
$xs: math.div($base , 4); // 4rpx
$sm: math.div($base , 2); // 8rpx
$md: $base;
$lg: ($base * 1.5); // 24rpx
$xl: ($base * 2); // 32rpx
$footer-height: 100rpx; //
/**
 * 文本
 */
$font-size: 28rpx; // 正文字号
$font-size-large: $font-size * 1.1; // 标题字号 (31rpx)
$font-size-small: $font-size * 0.75; // 信息文本字号 (24rpx)
/**
 * 风格
 */
$border-radius: $sm; // 全局圆角
/**
 * 动画
 */
$transition-time: 0.4s;
/**
 * 层叠
 */
$zindex-content: 0; // 内容层
$zindex-navigator: 50; // 浮动类导航栏
$zindex-poptip: 100; // popup 组件
$publish-cover: 200; //发布的遮罩(小于弹框,大于普通组件)
$zindex-cover: 500; // 遮罩
$zindex-dialog: 510; // 弹框 （弹框和遮罩应具有最高优先级）
$zindex-login-cover: 511; //登录遮罩(防止评论弹框遮住登录窗口)
$zindex-login-dialog: 512; //登录遮罩(防止评论弹框遮住登录窗口)
$zindex-loading: 600; // loading 遮罩
$zindex-capsule: 1000; // 左上角胶囊按钮
